<!DOCTYPE html>
<html class="x-admin-sm">
    <head>
        <meta charset="UTF-8">
       
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        <link rel="stylesheet" href="./css/font.css">
        <link rel="stylesheet" href="./css/xadmin.css">
        <script src="./lib/layui/layui.js" charset="utf-8"></script>
        <script type="text/javascript" src="./js/xadmin.js"></script>
        <!--[if lt IE 9]>
          <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
          <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <div class="layui-fluid">
            <div class="layui-row layui-col-space15">

                <div class="layui-col-sm12 layui-col-md6">
                    <div class="layui-card" style="width: 950px;">
                    
                        <div class="layui-card-body" style="min-height: 750px;">
                            <div id="main1" class="layui-col-sm12" style="height: 750px;width:900px"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div>
    
        <script src="./js/echarts.min.js"></script>
        <script type="text/javascript">
            var chartDom = document.getElementById('main1');
            var myChart = echarts.init(chartDom);
            var option;

            option = {
            title: {
                text: '熔古铸今队'
            },
            legend: {
                    textStyle: {
                        fontSize: 15,
                        color: 'black'
                    },
                    top:20,
                    orient: 'vertical',
                    x:'right'
                },
            radar: [
                {
                    indicator: [
                        { text: '课前准备',max: 100,min:60 },
                        { text: '知识应用',max: 100,min:60 },
                        { text: '创新维度',max: 100,min:60},
                        { text: '团队维度',max: 100,min:60 },
                        { text: '引领教育',max: 100,min:60 }
                    ],
                    radius: 250,
                    startAngle: 35,
                    center: ['50%', '50%'],
                    axisName: {
                        color: '#fff',
                        backgroundColor: '#666',
                        borderRadius: 3,
                        padding: [3, 5],
                        fontSize:15
                    }
                }
            ],
            series: [
                {
                type: 'radar',
                data: [
                    {
                    value: [89, 73, 71, 88, 79],
                    name: '课前',
                    symbol: 'rect',
                    symbolSize: 20,
                    lineStyle: {
                        type: 'dashed'
                    },
                    areaStyle: {
                            color: new echarts.graphic.RadialGradient(0.1, 0.6, 1, [
                            {
                                color: 'rgba(0, 145, 124, 0.1)',
                                offset: 0
                            },
                            {
                                color: 'rgba(0, 145, 124, 0.9)',
                                offset: 1
                            }
                            ])
                        },
                    label: {



                        
                        show: true,
                        formatter: function (params) {
                        return params.value;
                        }
                    }
                    },
                    {
                        value: [96, 95, 81, 92, 85],
                        name: '课中',
                        areaStyle: {
                            color: new echarts.graphic.RadialGradient(0.1, 0.6, 1, [
                            {
                                color: 'rgba(255, 145, 124, 0.1)',
                                offset: 0
                            },
                            {
                                color: 'rgba(255, 145, 124, 0.9)',
                                offset: 1
                            }
                            ])
                        },
                        label: {
                            show: true,
                            formatter: function (params) {
                            return params.value;
                            },
                            textStyle: {
                                fontSize: 15
                            }
                        }
                    }
                ]
                }
            ]
            };

            option && myChart.setOption(option);

            chartDom = document.getElementById('main2');
            myChart = echarts.init(chartDom);

            option = {
            title: {
                text: '冲鸭模具队'
            },
            legend: {
                    textStyle: {
                        fontSize: 15,
                        color: 'black'
                    },
                    top:20,
                    orient: 'vertical',
                    x:'right'
                },
            radar: [
                {
                    indicator: [
                    { text: '课前准备',max: 100,min:60 },
                        { text: '专创融合',max: 100,min:60 },
                        { text: '创新维度',max: 100,min:60},
                        { text: '团队维度',max: 100,min:60 },
                        { text: '引领教育',max: 100,min:60 }
                    ],
                    radius: 120,
                    startAngle: 35,
                    center: ['50%', '50%'],
                    axisName: {
                        color: '#fff',
                        backgroundColor: '#666',
                        borderRadius: 3,
                        padding: [3, 5],
                        fontSize:15
                    }
                }
            ],
            series: [
                {
                type: 'radar',
                data: [
                    {
                    value: [94, 71, 72, 89, 81],
                    name: '课前',
                    symbol: 'rect',
                    symbolSize: 20,
                    lineStyle: {
                        type: 'dashed'
                    },
                    label: {
                        show: true,
                        formatter: function (params) {
                        return params.value;
                        }
                    }
                    },
                    {
                        value: [95, 93, 79, 93, 83],
                        name: '课中',
                        
                        areaStyle: {
                            color: new echarts.graphic.RadialGradient(0.1, 0.6, 1, [
                            {
                                color: 'rgba(255, 145, 124, 0.1)',
                                offset: 0
                            },
                            {
                                color: 'rgba(255, 145, 124, 0.9)',
                                offset: 1
                            }
                            ])
                        },
                        label: {
                            show: true,
                            formatter: function (params) {
                            return params.value;
                            },
                            textStyle: {
                                fontSize: 15
                            }
                        }
                    }
                ]
                }
            ]
            };

            option && myChart.setOption(option);

            chartDom = document.getElementById('main3');
            myChart = echarts.init(chartDom);

            option = {
                title: {
                    text: '智慧铁臂队'
                },
                legend: {
                        textStyle: {
                            fontSize: 15,
                            color: 'black'
                        },
                        top:20,
                        orient: 'vertical',
                        x:'right'
                    },
                radar: [
                    {
                        indicator: [
                        { text: '课前准备',max: 100,min:60 },
                            { text: '专创融合',max: 100,min:60 },
                            { text: '创新维度',max: 100,min:60},
                            { text: '团队维度',max: 100,min:60 },
                            { text: '引领教育',max: 100,min:60 }
                        ],
                        radius: 120,
                        startAngle: 35,
                        center: ['50%', '50%'],
                        axisName: {
                            color: '#fff',
                            backgroundColor: '#666',
                            borderRadius: 3,
                            padding: [3, 5],
                            fontSize:15
                        }
                    }
                ],
                series: [
                    {
                    type: 'radar',
                    data: [
                        {
                        value: [96, 72, 72, 92, 80],
                        name: '课前',
                        symbol: 'rect',
                        symbolSize: 20,
                        lineStyle: {
                            type: 'dashed'
                        },
                        label: {
                            show: true,
                            formatter: function (params) {
                            return params.value;
                            }
                        }
                        },
                        {
                            value: [97, 77, 91, 93, 82],
                            name: '课中',
                            
                            areaStyle: {
                                color: new echarts.graphic.RadialGradient(0.1, 0.6, 1, [
                                {
                                    color: 'rgba(255, 145, 124, 0.1)',
                                    offset: 0
                                },
                                {
                                    color: 'rgba(255, 145, 124, 0.9)',
                                    offset: 1
                                }
                                ])
                            },
                            label: {
                                show: true,
                                formatter: function (params) {
                                return params.value;
                                },
                                textStyle: {
                                    fontSize: 15
                                }
                            }
                        }
                    ]
                    }
                ]
            };

            option && myChart.setOption(option);

            chartDom = document.getElementById('main4');
            myChart = echarts.init(chartDom);

            option = {
                title: {
                    text: '钢铁医生队'
                },
                legend: {
                        textStyle: {
                            fontSize: 15,
                            color: 'black'
                        },
                        top:20,
                        orient: 'vertical',
                        x:'right'
                    },
                radar: [
                    {
                        indicator: [
                        { text: '课前准备',max: 100,min:60 },
                            { text: '专创融合',max: 100,min:60 },
                            { text: '创新维度',max: 100,min:60},
                            { text: '团队维度',max: 100,min:60 },
                            { text: '引领教育',max: 100,min:60 }
                        ],
                        radius: 120,
                        startAngle: 35,
                        center: ['50%', '50%'],
                        axisName: {
                            color: '#fff',
                            backgroundColor: '#666',
                            borderRadius: 3,
                            padding: [3, 5],
                            fontSize:15
                        }
                    }
                ],
                series: [
                    {
                    type: 'radar',
                    data: [
                        {
                        value: [95, 78, 70, 93, 80],
                        name: '课前',
                        symbol: 'rect',
                        symbolSize: 20,
                        lineStyle: {
                            type: 'dashed'
                        },
                        label: {
                            show: true,
                            formatter: function (params) {
                            return params.value;
                            }
                        }
                        },
                        {
                            value: [96, 80, 90, 94, 81],
                            name: '课中',
                            
                            areaStyle: {
                                color: new echarts.graphic.RadialGradient(0.1, 0.6, 1, [
                                {
                                    color: 'rgba(255, 145, 124, 0.1)',
                                    offset: 0
                                },
                                {
                                    color: 'rgba(255, 145, 124, 0.9)',
                                    offset: 1
                                }
                                ])
                            },
                            label: {
                                show: true,
                                formatter: function (params) {
                                return params.value;
                                },
                                textStyle: {
                                    fontSize: 15
                                }
                            }
                        }
                    ]
                    }
                ]
            };

            option && myChart.setOption(option);
    </script>
    <script>
        var _hmt = _hmt || [];
        (function() {
          var hm = document.createElement("script");
          hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
          var s = document.getElementsByTagName("script")[0]; 
          s.parentNode.insertBefore(hm, s);
        })();
        </script>
    </body>
</html>